<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>关联OKR</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../css/mui.css">
		<link rel="stylesheet" type="text/css" href="../css/app.css" />
		<link rel="stylesheet" href="../css/icons-extra.css">
		<link rel="stylesheet" type="text/css" href="../css/public2.css" />
		<link rel="stylesheet" href="../css/iconfont.css" />
	</head>

	<body>
	
	<div style="display:none;">
	<img src="logo.jpg">
	</div>
	
	
	<div id="search" class="mui-popover">
      <!-- 查询弹出层 -->
	  
	  <form class="mui-input-group" id="findpage" style="padding-left:20px;padding-right:20px;padding-top:30px;padding-bottom:10px;">
	
	    <div class="mui-input-row">
        
		<span style="width:27%">年度：</span>   
		
		<select style="width:26%">
		<option value ="请选择">请选择</option>
            <option value="2014">2014</option>
			<option value ="2015">2015</option>
            <option value ="2016">2016</option>
            <option value ="2017">2017</option>
		</select>
		
		<span style="width:27%">季度：</span>
		<select style="width:26%">
		<option value ="0">请选择</option>
	  <option value ="1">一季度</option>
	  <option value ="2">二季度</option>
	  <option value="3">三季度</option>
	  <option value="4">四季度</option>
		</select>

    </div>
	
	
	<div class="mui-input-row">
		<span style="width:27%">月度：</span>
    <select style="width:26%">
    <option value ="0">请选择</option>
  <option value ="1">1月</option>
  <option value ="2">2月</option>
  <option value="3">3月</option>
  <option value="4">4月</option>
  <option value="5">5月</option>
  <option value="6">6月</option>
  <option value="7">7月</option>
  <option value="8">8月</option>
  <option value="9">9月</option>
  <option value="10">10月</option>
  <option value="11">11月</option>
  <option value="12">12月</option>				
	</select>
	
	        <span style="width:27%">状态：</span>
		<select style="width:26%;">
		  <option value ="0">请选择</option>
		  <option value ="S0">草稿</option>
		  <option value ="S1">已提报</option>
		  <option value="S2">审核通过</option>
		  <option value="S3">发布</option>
		  <option value="S4">申请结束</option>
		  <option value="S5">结束</option>
		  </select>
	
	
	</div>
	
	
			
    <div class="mui-input-row">
        <label style="width:32%;">O的定义：</label>
    <input type="text" style="width:63.5%; border:solid thin #eee;" class="mui-input-clear" placeholder="">
    </div>
    <div class="mui-button-row">
        <button type="button" class="mui-btn mui-btn-primary" onclick="location='index.html'">查询</button>
    </div>
</form>
	  
	  
	  
</div>  <!--查询弹出层-->


<!--组织列表弹出层-->
<div id="orglayer" class="">
    <div style="position:relative;left:100%;width:20%">
        <img id="closebtn" style="margin-top:2%;box-shadow:0 0 20px #ccc;" src="../img/x.png">
    </div>
    <div class="mui-scroll">
	
	
<div class="menuTree">
<div><span>中软国际</span></div>
</div>

<div id="menuTree" class="menuTree"></div>
	

		
    </div>
</div>
<!--组织列表弹出层-->


	
	
		<header class="mui-bar mui-bar-nav">
			<a id="orgbtn" class="mui-icon mui-icon-contact mui-pull-left" style="line-height: 26px;font-size: 20px;color:#007aff;"><span style="font-size: 17px;color:#007aff;">组织</span></a>
			<h1 class="mui-title">关联OKR列表</h1>
			<a href="#search" class="mui-icon mui-icon-search mui-pull-right" style="line-height: 26px;font-size: 20px;color:#007aff;"><span style="font-size: 17px;color:#007aff;">查询</span></a>
		</header>
		<div class="mui-content">
		
			<div class="mui-card" style="background-color: #ccc;">
				<div class="mui-card-footer">
				<p class="index-status" style='text-align:center; width:100%;margin-top:2%;margin-bottom:2%;'>关联上级OKR</p></center>   
			</div>
			</div>
		
			<div class="mui-card" style="">
				<div class="noba">
					<div class="mui-card-header" style="border-tottom: none;padding-bottom:0px;">
						<span style="float:left;">
							<span class="bold">孙小梅</span> &nbsp;&nbsp;&nbsp;    
							<font color="#666666">2016年</font>
						</span>
						<span>
							<a href="#pop2" class="mui-btn mui-btn-primary index-btn-mod">
								<span class="index-func mui-icon mui-icon-gear cfff"></span>
							</a>
						</span>
					</div>
					<div class="mui-card-footer" style="border-bottom: solid thin #ddd;border-top: solid thin #fff; padding-top:0px;padding-bottom:2px;">
						<span style="float:left;color:#6d6d72;">所属部门：JF-OPS</span>
						<span>职务：运营经理</span>
					</div>
				</div>
				<div class="mui-card-content">
					<div class="mui-card-header">
						<span style="font-weight:bold;">O1</span>
						<span style="float:right;font-size:14px;color:#666;">
							<span class="index-dlink">OKR详情</span>
						</span>
					</div>
					<a href="krview.html">
						<div class="mui-card-content-inner">
							<p class="index-o-de" style="margin-bottom:0;"><span style="color:#007aff">定义：</span>提高用户满意度,对驻场团队和企业进行回访，对接相关需求，收集相关反馈，对反馈来的信息进行集中处理，进行汇报总结。对总结来的内容逐条进行信息梳理，寻找其中共同的部分，进行提取和思考，寻找解决方案</p>
					</div></a>
				</div>
				
				<div class="mui-card-footer">
					<span class="index-status">状态：
						<span class="index-shenhe">已审核</span>
					</span>
					<a href="pingfeno.html"><span>评分：<font color="#46F332">0.9</font></span></a>
				</div>
				
				<div class="mui-card-footer">
					<a href="version.html">版本号：V1 &nbsp;</a>
					<span style="float:right;">发布时间：2016-12-20</span>
				</div>
			</div>
			<div id="pop2" class="mui-popover">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell"><center><a href="review.html">过程Review</a></center></li>
					<li class="mui-table-view-cell"><center><a href="pingfeno.html">评分与总结</a></center></li>
					<li class="mui-table-view-cell"><center><a href="version.html">版本信息</a></center></li>
					<li class="mui-table-view-cell"><center><a href="guanlian.html">关联OKR</a></center></li>
				</ul>
			</div>
			
			
			
			<div class="mui-card" style="background-color: #ccc;">
				<div class="mui-card-footer">
				<p class="index-status" style='text-align:center; width:100%;margin-top:2%;margin-bottom:2%;'>我的OKR</p></center>   
			</div>
			</div>
			
			
			<div class="mui-card" style="">
				<div class="noba">
				<div class="mui-card-header" style="border-tottom: none;padding-bottom:0px;"><span style="float:left;"><span class="bold">孙小梅</span> &nbsp;&nbsp;&nbsp;    <font color="#666666">2016年 4季度</font> </span>  
				<span><a href="#pop1" class="mui-btn mui-btn-primary index-btn-mod"><span class="index-func mui-icon mui-icon-gear cfff"></span></a></span> </div>
				
				<div class="mui-card-footer" style="border-bottom: solid thin #ddd;border-top: solid thin #fff; padding-top:0px;padding-bottom:2px;">
				<span style="float:left;color:#6d6d72;">所属部门：JF-OPS</span>    <span>职务：运营经理</span>
				</div>
				</div>
				
				<div class="mui-card-content">
					<div class="mui-card-header">
						<span style="font-weight:bold;">O1</span>
						<span style="float:right;font-size:14px;color:#666;">
							<span class="index-dlink">OKR详情</span>
						</span>
					</div>
					<a href="krview.html"><div class="mui-card-content-inner">
						<p class="index-o-de" style="margin-bottom:0;"><span style="color:#007aff">定义：</span>提高用户满意度,对驻场团队和企业进行回访
						</p>
						
						

					</div></a>
				</div>
				
				<div class="mui-card-footer"><span class="index-status">状态：<span class="index-fabu">已发布</span></span>     <a href="pingfeno.html"><span>评分：<font color="red">0.3</font></span></a></div>
				
				<div class="mui-card-footer no-bottom"><a href="version.html">版本号：V2 &nbsp;</a><span style="float:right;">变更时间：2016-12-20</span> </div>
				
				<div class="noba">
				<div class="mui-card-footer no-top">变更原因：人事管理系统开发人员重新安排</div>
				</div>
				
			</div>
			
			
			<div id="pop3" class="mui-popover">
  <ul class="mui-table-view">
    <li class="mui-table-view-cell"><center><a href="review.html">过程Review</a></center></li>
    <li class="mui-table-view-cell"><center><a href="#">评分与总结</a></center></li>
    <li class="mui-table-view-cell"><center><a href="version.html">版本信息</a></center></li>
    <li class="mui-table-view-cell"><center><a href="guanlian.html">关联OKR</a></center></li>
  </ul>
</div>
			
			<div class="mui-card" style="background-color: #ccc;">
				<div class="mui-card-footer">
				<p class="index-status" style='text-align:center; width:100%;margin-top:2%;margin-bottom:2%;'>下级关联OKR</p></center>   
			</div>
			</div>
		
			
			
			<div class="mui-card" style="">
				<div class="noba">
				<div class="mui-card-header" style="border-tottom: none;padding-bottom:0px;"><span style="float:left;"><span class="bold">孙小梅</span> &nbsp;&nbsp;&nbsp;    <font color="#666666">2016年 4季度 11月</font> </span>  
				<span><a href="#pop1" class="mui-btn mui-btn-primary index-btn-mod"><span class="index-func mui-icon mui-icon-gear cfff"></span></a></span> </div>
				
				<div class="mui-card-footer" style="border-bottom: solid thin #ddd;border-top: solid thin #fff; padding-top:0px;padding-bottom:2px;">
				<span style="float:left;color:#6d6d72;">所属部门：JF-OPS</span>    <span>职务：运营经理</span>
				</div>
				</div>
				
				<div class="mui-card-content">
					<div class="mui-card-header">
						<span style="font-weight:bold;">O1</span>
						<span style="float:right;font-size:14px;color:#666;">
							<span class="index-dlink">OKR详情</span>
						</span>
					</div>
					<a href="krview.html">
					
					<div class="mui-card-content-inner">
						<p class="index-o-de" style="margin-bottom:0;"><span style="color:#007aff">定义：</span>提高用户满意度,对驻场团队和企业进行回访，对接相关需求，收集相关反馈，对反馈来的信息进行集中处理，进行汇报总结。

						</p>
						
						

					</div>
					
					</a>
				</div>
				
				<div class="mui-card-footer"><span class="index-status">状态：<span class="index-fabu">已发布</span></span>     <a href="pingfeno.html"><span>评分：<font color="#FC0">0.5</font></span></a></div>
				
				<div class="mui-card-footer no-bottom"><a href="version.html">版本号：V3 &nbsp;</a><span style="float:right;">变更时间：2016-12-20</span> </div>
				
				<div class="noba">
				<div class="mui-card-footer no-top">变更原因：人事管理系统开发人员重新安排</div>
				</div>
			</div>
			
			<div id="pop4" class="mui-popover">
  <ul class="mui-table-view">
    <li class="mui-table-view-cell"><center><a href="review.html">过程Review</a></center></li>
    <li class="mui-table-view-cell"><center><a href="#">评分与总结</a></center></li>
    <li class="mui-table-view-cell"><center><a href="version.html">版本信息</a></center></li>
    <li class="mui-table-view-cell"><center><a href="guanlian.html">关联OKR</a></center></li>
  </ul>
</div>
			
			<div class="mui-card" style="">
				<div class="noba">
				<div class="mui-card-header" style="border-tottom: none;padding-bottom:0px;"><span style="float:left;"><span class="bold">孙小梅</span> &nbsp;&nbsp;&nbsp;    <font color="#666666">2016年 4季度 11月</font> </span>  
				<span><a href="#pop1" class="mui-btn mui-btn-primary index-btn-mod"><span class="index-func mui-icon mui-icon-gear cfff"></span></a></span> </div>
				
				<div class="mui-card-footer" style="border-bottom: solid thin #ddd;border-top: solid thin #fff; padding-top:0px;padding-bottom:2px;">
				<span style="float:left;color:#6d6d72;">所属部门：JF-OPS</span>    <span>职务：运营经理</span>
				</div>
				</div>
				
				<div class="mui-card-content">
					<div class="mui-card-header">
						<span style="font-weight:bold;">O1</span>
						<span style="float:right;font-size:14px;color:#666;">
							<span class="index-dlink">OKR详情</span>
						</span>
					</div>
					<a href="krview.html">
					<div class="mui-card-content-inner">
						<p class="index-o-de" style="margin-bottom:0;"><span style="color:#007aff">定义：</span>提高用户满意度。
						</p>
						
						

					</div></a>
				</div>
				
				<div class="mui-card-footer"><span class="index-status">状态：<span class="index-fabu">已发布</span></span>     <a href="pingfeno.html"><span>评分：<font color="green">0.7</font></span></a></div>
				
				<div class="mui-card-footer"><a href="version.html">版本号：V1 &nbsp;</a><span style="float:right;">审核时间：2016-12-20</span> </div>
			</div>
			
			<div id="pop5" class="mui-popover">
  <ul class="mui-table-view">
    <li class="mui-table-view-cell"><center><a href="review.html">过程Review</a></center></li>
    <li class="mui-table-view-cell"><center><a href="#">评分与总结</a></center></li>
    <li class="mui-table-view-cell"><center><a href="version.html">版本信息</a></center></li>
    <li class="mui-table-view-cell"><center><a href="guanlian.html">关联OKR</a></center></li>
  </ul>
</div>


						
			<div id="pop1" class="mui-popover">
  <ul class="mui-table-view">
    <li class="mui-table-view-cell"><center><a href="review.html">过程Review</a></center></li>
    <li class="mui-table-view-cell"><center><a href="#">评分与总结</a></center></li>
    <li class="mui-table-view-cell"><center><a href="version.html">版本信息</a></center></li>
    <li class="mui-table-view-cell"><center><a href="guanlian.html">关联OKR</a></center></li>
  </ul>
</div>



<div style="height:10px;">&nbsp;</div>	

<div class="mui-content-padded"> 
<center> 
<ul class="mui-pagination mui-pagination-lg">  
<li class="mui-previous mui-disabled">  
<a href="#">  
上页  
</a>  
</li>  
<li>  
<a href="#">  
1  
</a>  
</li>  
<li>  
<a href="#">  
2  
</a>  
</li>   

<li class="mui-disabled">  
<a>  
... 
</a>  
</li> 

<li>  
<a href="#">  
6  
</a>  
</li>   
<li class="mui-next">  
<a href="#">  
下页
</a>  
</li>  
</ul> 
</center>  
</div>  

<div style="height:10px;">&nbsp;</div>
	
		<hr>
		
		<center><p>&copy; 2016 中软国际</p><center>
		
		<div style="height:30px;">&nbsp;</div>
			
		</div>
		
		<script>
			var orglayer = document.getElementById("orglayer");
			var orgbtn = document.getElementById("orgbtn");
			var closebtn = document.getElementById("closebtn");
			orgbtn.onclick = function(){
				orglayer.className = "rhua";
			}
			
			
			closebtn.onclick = function(){
				orglayer.className = "lhua";
			}
			
			
			
		</script>
		
		
		<script src="../js/jquery-1.11.2.min.js"></script>
		<script type="text/javascript">
				var json = [
					{
						"name": "IIG集团",
						"userLevel":"",
						"list": [
							{
								//显示名称
								"name": "JF生态大部门",
								//跳转名称
								"url" :"#",
								//用户等级
								"userLevel":"",
								//下级
								"list": [
									{
										"name": "JF生态部",
										"userLevel":"",
										 "list": [
									{
										"name": "JF生态部--1--1",
										"userLevel":""
									},
									{
										"name": "JF生态部--1--2",
										"userLevel":""
									},
								]
									},
									{
										"name": "JF生态部2",
										"userLevel":""
									},
								]
							},
							
							
							 {
								//显示名称
								"name": "JF生态大部门BBBB",
								//跳转名称
								"url" :"#",
								//用户等级
								"userLevel":"",
								//下级
								"list": [
									{
										"name": "JF生态部BBB",
										"userLevel":"",
										 "list": [
									{
										"name": "JF生态部--1--1BBB",
										"userLevel":""
									},
									{
										"name": "JF生态部--1--2BBB",
										"userLevel":""
									},
								]
									},
									{
										"name": "JF生态部2BBB",
										"userLevel":""
									},
								]
							},
							
						]
					}
				];
</script>
		<script src="../js/tree.js"></script>
		<script src="../js/mui.js"></script>
		
	</body>

</html>